﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link type="text/css" href="../../../css/hui.css" rel="stylesheet" />
    <style type="text/css"></style>
</head>
<body class="hui-body">
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-target-back hui-font-size-18 hui-font-color-white"></i>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <!--每一项分类-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-setting hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <label class="hui-display-inline-block hui-font-color-white hui-font-size-14">提交</label>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-setting hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-share hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-where hui-font-size-22 hui-font-color-white hui-display-block"></i>
        </span>
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-scanning hui-font-size-20 hui-font-color-white hui-display-block"></i>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-setting hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-share hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-msg hui-font-size-20 hui-font-color-white hui-display-block"></i>
        </span>
        <span class="hui-badge hui-display-inline-block hui-line-height-0 hui-position-absolute hui-offset-right-5 hui-offset-top-3 hui-zIndex-1000">
            <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-height-18 hui-line-height-18 hui-padding-col-6 hui-border-radius-9 hui-font-color-white hui-font-size-12">
                2
            </label>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-msg hui-font-size-20 hui-font-color-white hui-display-block"></i>
        </span>
        <span class="hui-badge hui-display-inline-block hui-line-height-0 hui-position-absolute hui-offset-right-8 hui-offset-top-8 hui-zIndex-1000">
            <label class="hui-badge-content hui-background-color-emerald hui-display-inline-block hui-width-height-8 hui-circle"></label>
        </span>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <img src="../../../image/logo.png" class="hui-width-height-30 hui-img-cover hui-circle hui-display-block" />
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box hui-padding-top-20">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-target-back hui-font-size-18 hui-font-color-white"></i>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-display-block">
                <span class="hui-display-inline-block hui-padding-col-8 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-16 hui-background-color-turquoise-active">
                    人脉
                </span>
                <span class="hui-display-inline-block hui-opacity-4 hui-padding-col-8 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-16 hui-background-color-turquoise-active">
                    会话
                </span>
                <span class="hui-display-inline-block hui-opacity-4 hui-padding-col-8 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-16 hui-background-color-turquoise-active">
                    信息
                </span>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-display-block hui-border-all-white hui-overflow-hidden hui-text-align-center hui-border-radius-5">
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-border-right-white hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    人脉
                </span>
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    信息
                </span>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-display-block hui-border-all-white hui-overflow-hidden hui-text-align-center hui-border-radius-15">
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-border-right-white hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    人脉
                </span>
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    信息
                </span>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-display-block hui-border-all-white hui-overflow-hidden hui-text-align-center hui-border-radius-15">
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-border-right-white hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    人脉
                </span>
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-border-right-white hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    会话
                </span>
                <span class="hui-display-inline-block hui-padding-col-12 hui-height-25 hui-line-height-26 hui-float-left hui-font-size-14 hui-background-color-turquoise-active">
                    信息
                </span>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-flexbox-row">
                <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
                    <i class="hui-iconfont hui-icon-target-back hui-font-size-18 hui-font-color-white"></i>
                </span>
                <div class="hui-flexbox-item hui-padding-col-10">
                    <div class="hui-height-30 hui-border-bottom-white hui-margin-top-5 hui-flexbox-row">
                        <span class="hui-icon hui-position-relative hui-display-inline-block hui-zIndex-100 hui-padding-col-8 hui-col-middle">
                            <i class="hui-iconfont hui-icon-search hui-font-size-18 hui-font-color-white"></i>
                        </span>
                        <input type="text" class="hui-flexbox-item hui-border-outline-none hui-background-color-transparent hui-font-color-white" placeholder="搜索" />
                        <span class="hui-icon hui-position-relative hui-display-inline-block hui-zIndex-100 hui-padding-col-8 hui-col-middle">
                            <i class="hui-iconfont hui-icon-voice hui-font-size-18 hui-font-color-white"></i>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40">
            <div class="hui-flexbox-row">
                <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active hui-white-space-nowrap">
                    <label class="hui-display-inline-block hui-font-color-white hui-font-size-14 hui-display-inline-block hui-margin-right-3">中山</label><i class="hui-iconfont hui-icon-arrow-down hui-font-size-14 hui-font-color-white"></i>
                </span>
                <div class="hui-flexbox-item hui-padding-left-5">
                    <div class="hui-height-30 hui-margin-top-5 hui-max-width-full hui-flexbox-row hui-background-color-turquoise-high hui-overflow-hidden hui-border-radius-15">
                        <span class="hui-icon hui-position-relative hui-display-inline-block hui-zIndex-100 hui-padding-col-8 hui-col-middle">
                            <i class="hui-iconfont hui-icon-search hui-font-size-18 hui-font-color-white"></i>
                        </span>
                        <input type="text" class="hui-flexbox-item hui-border-outline-none hui-background-color-transparent hui-font-color-white" placeholder="搜索" />
                        <span class="hui-icon hui-position-relative hui-display-inline-block hui-zIndex-100 hui-padding-col-8 hui-col-middle">
                            <i class="hui-iconfont hui-icon-voice hui-font-size-18 hui-font-color-white"></i>
                        </span>
                    </div>
                </div>
                <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40 hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-18 hui-font-color-white"></i>
                </span>
            </div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box hui-overflow-hidden">
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <div class="hui-tab hui-height-40 hui-background-color-white hui-border-bottom-e6e6e6-after hui-flexbox-row" style="margin-top: 40px;">
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-turquoise">最新发帖</div>
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-ccc">最新回复</div>
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-ccc">美文推荐</div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <header id="header" class="hui-header hui-min-height-40 hui-position-relative hui-background-color-turquoise hui-box-sizing-content-box hui-overflow-hidden">
        <span class="hui-icon hui-position-relative hui-float-left hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-5 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-arrow-left hui-font-size-18 hui-font-color-white hui-display-block"></i><label class="hui-display-inline-block hui-font-color-white hui-font-size-14">返回</label>
        </span>
        <div class="hui-header-title hui-center-all hui-height-40 hui-width-full hui-position-absolute hui-font-color-white hui-height-40 hui-font-size-18">
            导航标题
        </div>
        <span class="hui-icon hui-position-relative hui-float-right hui-display-inline-block hui-zIndex-100 hui-height-40  hui-padding-col-8 hui-col-middle hui-background-color-turquoise-active">
            <i class="hui-iconfont hui-icon-setting hui-font-size-18 hui-font-color-white hui-display-block"></i>
        </span>
        <div class="hui-tab hui-height-40 hui-background-color-white hui-border-bottom-e6e6e6-after hui-flexbox-row" style="margin-top: 40px;">
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-turquoise hui-border-bottom-turquoise hui-border-width-3">最新发帖</div>
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-ccc">最新回复</div>
            <div class="hui-flexbox-item hui-font-size-16 hui-center-all hui-font-color-ccc">美文推荐</div>
        </div>
    </header>
    <!--======分割线======-->
    <div class="hui-height-5 hui-clear-both"></div>
    <!--======分割线======-->
    <script type="text/javascript" src="../../../script/hui.js"></script>
    <script type="text/javascript">
    </script>
</body>
</html>
